<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>熠心科技</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="熠心科技，网站建设，小程序，公众号，小程序开发，公众号开发"/>
    <meta name="keywords" content="熠心科技，网站建设，小程序，公众号，小程序开发，公众号开发"/>
    <meta name="author" content="熠心科技"/>

    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content=""/>
    <meta name="twitter:image" content=""/>
    <meta name="twitter:url" content=""/>
    <meta name="twitter:card" content=""/>

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="shortcut icon" href="favicon.ico">

    <!--<link href='http://fonts.useso.com/css?family=Source+Sans+Pro:400,300,600,400italic,700' rel='stylesheet' type='text/css'>-->

    <!-- Animate.css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="css/icomoon.css">
    <!-- Simple Line Icons -->
    <link rel="stylesheet" href="css/simple-line-icons.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="css/magnific-popup.css">
    <!-- Bootstrap  -->
    <link rel="stylesheet" href="css/bootstrap.css">

    <!--
    Default Theme Style
    You can change the style.css (default color purple) to one of these styles

    1. pink.css
    2. blue.css
    3. turquoise.css
    4. orange.css
    5. lightblue.css
    6. brown.css
    7. green.css

    -->
    <link rel="stylesheet" href="css/style.css">

    <!-- Styleswitcher ( This style is for demo purposes only, you may delete this anytime. ) -->
    <link rel="stylesheet" id="theme-switch" href="css/style.css">
    <!-- End demo purposes only -->

    <link href="css/lanrenzhijia.css" rel="stylesheet" type="text/css"/>

    <style>
        /* For demo purpose only */

        /* For Demo Purposes Only ( You can delete this anytime :-) */
        #colour-variations {
            padding: 10px;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            width: 140px;
            position: fixed;
            left: 0;
            top: 100px;
            z-index: 999999;
            background: #fff;
            /*border-radius: 4px;*/
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
            -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
        }

        #colour-variations.sleep {
            margin-left: -140px;
        }

        #colour-variations h3 {
            text-align: center;;
            font-size: 11px;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #777;
            margin: 0 0 10px 0;
            padding: 0;;
        }

        #colour-variations ul,
        #colour-variations ul li {
            padding: 0;
            margin: 0;
        }

        #colour-variations li {
            list-style: none;
            display: block;
            margin-bottom: 5px !important;
            float: left;
            width: 100%;
        }

        #colour-variations li a {
            width: 100%;
            position: relative;
            display: block;
            overflow: hidden;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
        }

        #colour-variations li a:hover {
            opacity: .9;
        }

        #colour-variations li a > span {
            width: 33.33%;
            height: 20px;
            float: left;
            display: -moz-inline-stack;
            display: inline-block;
            zoom: 1;
            *display: inline;
        }

        .option-toggle {
            position: absolute;
            right: 0;
            top: 0;
            margin-top: 5px;
            margin-right: -30px;
            width: 30px;
            height: 30px;
            background: #f64662;
            text-align: center;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            color: #fff;
            cursor: pointer;
            -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
            -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
        }

        .option-toggle i {
            top: 2px;
            position: relative;
        }

        .option-toggle:hover, .option-toggle:focus, .option-toggle:active {
            color: #fff;
            text-decoration: none;
            outline: none;
        }

        #allmap {
            width: 100%;
            height: 400px;
        }
    </style>
    <!-- End demo purposes only -->


    <!-- Modernizr JS -->
    <script src="js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="js/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<header role="banner" id="fh5co-header">
    <div class="container">
        <!-- <div class="row"> -->
        <nav class="navbar navbar-default">
            <div class="navbar-header">
                <!-- Mobile Toggle Menu Button -->
                <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar"
                   aria-expanded="false" aria-controls="navbar"><i></i></a>
                <a class="navbar-brand" href="/">熠心科技</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="active"><a href="#" data-nav-section="home"><span>Home</span></a></li>
                    <li><a href="#" data-nav-section="work"><span>项目</span></a></li>
                    <li><a href="#" data-nav-section="testimonials"><span>评价</span></a></li>
                    <li><a href="#" data-nav-section="services"><span>服务</span></a></li>
                    <li><a href="#" data-nav-section="about"><span>关于</span></a></li>
                    <li><a href="#" data-nav-section="contact"><span>联系</span></a></li>
                </ul>
            </div>
        </nav>
        <!-- </div> -->
    </div>
</header>

<section id="fh5co-home" data-section="home" style="background-image: url(images/full_image_2.jpg);"
         data-stellar-background-ratio="0.5">
    <div class="gradient"></div>
    <div class="container">
        <div class="text-wrap">
            <div class="text-inner">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        <h1 class="to-animate">Do something you love.</h1>
                        <!--<h2 class="to-animate">Another free HTML5 bootstrap template by <a href="#" target="_blank" title="Free HTML5 Bootstrap Templates">FREEHTML5.co</a> released under <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">Creative Commons 3.0</a></h2>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="slant"></div>
</section>


<section id="fh5co-intro">
    <div class="container">
        <div class="row row-bottom-padded-lg">
            <div class="fh5co-block to-animate" style="background-image: url(images/img_7.jpg);">
                <div class="overlay-darker"></div>
                <div class="overlay"></div>
                <div class="fh5co-text">
                    <i class="fh5co-intro-icon icon-bulb"></i>
                    <h2>需求沟通</h2>
                    <p>不仅是聆听需求，还会结合我们的经验给您最好的建议。</p>
                    <p><a href="#" class="btn btn-primary">联系我们</a></p>
                </div>
            </div>
            <div class="fh5co-block to-animate" style="background-image: url(images/img_8.jpg);">
                <div class="overlay-darker"></div>
                <div class="overlay"></div>
                <div class="fh5co-text">
                    <i class="fh5co-intro-icon icon-wrench"></i>
                    <h2>程序开发</h2>
                    <p>从创意到落地，我们不是码农，我们是艺术家。开发-调优，力争找到最美的实现方式。</p>
                    <p><a href="#" class="btn btn-primary">开源项目</a></p>
                </div>
            </div>
            <div class="fh5co-block to-animate" style="background-image: url(images/img_10.jpg);">
                <div class="overlay-darker"></div>
                <div class="overlay"></div>
                <div class="fh5co-text">
                    <i class="fh5co-intro-icon icon-rocket"></i>
                    <h2>交付上线</h2>
                    <p>交付不仅是上线这么简单。安全，压力测试，免费维护，总之，负责到底。</p>
                    <p><a href="#" class="btn btn-primary">查看案例</a></p>
                </div>
            </div>
        </div>
        <div class="row watch-video text-center to-animate">
            <span>Watch the video</span>
            <a href="javascript:void(0)" class="btn-video"><i class="icon-play2"></i></a>
        </div>
    </div>
</section>

<section id="fh5co-work" data-section="work">
    <div class="container">
        <div class="row">
            <div class="col-md-12 section-heading text-center">
                <h2 class="to-animate">项目列表</h2>
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 subtext to-animate">
                        <h3>丰富的项目经验，优秀案例赏析</h3>
                    </div>
                </div>
            </div>
        </div>
        <div class="row row-bottom-padded-sm">
            <div class="col-md-4 col-sm-6 col-xxs-12">
                <a href="http://bio3d.cn/" target="_blank" class="fh5co-project-item  to-animate">
                    <img src="images/bio3d.png" alt="Image" class="img-responsive">
                    <div class="fh5co-text">
                        <h2>3D打印平台</h2>
                        <!--<span>web开发</span>-->
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6 col-xxs-12">
                <a href="http://luopai001.cn/" target="_blank" class="fh5co-project-item  to-animate">
                    <img src="images/luopai.png" alt="Image" class="img-responsive">
                    <div class="fh5co-text">
                        <h2>珞派电子科技</h2>
                        <!--<span>web开发</span>-->
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6 col-xxs-12">
                <a href="http://mo005-3089.mo5.line1.uemo.net/" target="_blank" class="fh5co-project-item  to-animate">
                    <img src="images/zhongtai.png" alt="Image" class="img-responsive">
                    <div class="fh5co-text">
                        <h2>中泰高科</h2>
                        <!--<span>web开发</span>-->
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6 col-xxs-12">
                <a href="http://www.cyb360.cn/" target="_blank" class="fh5co-project-item  to-animate">
                    <img src="images/cheyuanbao.png" alt="Image" class="img-responsive">
                    <div class="fh5co-text">
                        <h2>车源宝</h2>
                        <!--<span>web自适应</span>-->
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6 col-xxs-12">
                <a href="http://www.tianda120.com/" target="_blank" class="fh5co-project-item  to-animate">
                    <img src="images/tdyy.png" alt="Image" class="img-responsive">
                    <div class="fh5co-text">
                        <h2>天大医疗美容院</h2>
                        <!--<span>web自适应</span>-->
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6 col-xxs-12">
                <a href="project/avana/index.html" target="_blank" class="fh5co-project-item  to-animate">
                    <img src="images/work_1.jpg" alt="Image" class="img-responsive">
                    <div class="fh5co-text">
                        <h2>avana</h2>
                        <!--<span>web自适应</span>-->
                    </div>
                </a>
            </div>
            <!--<div class="col-md-4 col-sm-6 col-xxs-12">
                &lt;!&ndash;<a href="images/work_2.jpg" class="fh5co-project-item image-popup to-animate">&ndash;&gt;
                <a href="project/wechatread/index.html" target="_blank" class="fh5co-project-item to-animate">
                    <img src="images/work_2.jpg" alt="Image" class="img-responsive">
                    <div class="fh5co-text">
                    <h2>微信读书</h2>
                    &lt;!&ndash;<span>H5</span>&ndash;&gt;
                    </div>
                </a>
            </div>-->

            <!--<div class="clearfix visible-sm-block"></div>-->


            <!--<div class="col-md-4 col-sm-6 col-xxs-12">
                <a href="project/bangke/index.html"  target="_blank"  class="fh5co-project-item  to-animate">
                    <img src="images/work_4.jpg" alt="Image" class="img-responsive">
                    <div class="fh5co-text">
                    <h2>SLANT</h2>
                    &lt;!&ndash;<span>h5适应</span>&ndash;&gt;
                    </div>
                </a>
            </div>

            <div class="clearfix visible-sm-block"></div>

            <div class="col-md-4 col-sm-6 col-xxs-12">
                <a href="project/feima/index.html" target="_blank" class="fh5co-project-item to-animate">
                    <img src="images/work_6.jpg" alt="Image" class="img-responsive">
                    <div class="fh5co-text">
                    <h2>feima</h2>
                    &lt;!&ndash;<span>Illustration</span>&ndash;&gt;
                    </div>
                </a>
            </div>

            <div class="clearfix visible-sm-block"></div>-->

            <!--<div class="col-md-4 col-sm-6 col-xxs-12">
                <a href="images/work_7.jpg" target="_blank" class="fh5co-project-item to-animate">
                    <img src="images/work_7.jpg" alt="Image" class="img-responsive">
                    <div class="fh5co-text">
                    <h2>Project 3</h2>
                    <span>Web</span>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6 col-xxs-12">
                <a href="images/work_8.jpg" target="_blank" class="fh5co-project-item to-animate">
                    <img src="images/work_8.jpg" alt="Image" class="img-responsive">
                    <div class="fh5co-text">
                    <h2>Project 4</h2>
                    <span>Sketch</span>
                    </div>
                </a>
            </div>

            <div class="clearfix visible-sm-block"></div>

            <div class="col-md-4 col-sm-6 col-xxs-12">
                <a href="images/work_1.jpg" target="_blank" class="fh5co-project-item to-animate">
                    <img src="images/work_1.jpg" alt="Image" class="img-responsive">
                    <div class="fh5co-text">
                    <h2>Project 2</h2>
                    <span>Illustration</span>
                    </div>
                </a>
            </div>-->
        </div>
        <div class="row">
            <div class="col-md-12 text-center to-animate">
                <p>更多项目</p>
            </div>
        </div>
    </div>
</section>

<!--
<section id="fh5co-testimonials" data-section="testimonials">
    <div class="container">
        <div class="row">
            <div class="col-md-12 section-heading text-center">
                <h2 class="to-animate">客户评价</h2>
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 subtext to-animate">
                        <h3>改正不足，再接再厉</h3>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" id="myCarousel">
            <div class="col-md-4">
                <div class="box-testimony">
                    <blockquote class="to-animate-2">
                        <p>“感谢熠心，这是一群真正用心做事的人，将事情交给熠心，既放心又省心。为熠心的专业性和效率真心点赞。”</p>
                    </blockquote>
                    <div class="author to-animate">
                        <figure><img src="images/ajiang.png" alt="Person"></figure>
                        <p>
                            陈弘江,CTO
                            <span class="subtext"><a href="javascript:void(0);">上海睿智化学研究有限公司</a> </span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="box-testimony">
                    <blockquote class="to-animate-2">
                        <p>“感谢熠心的卓越服务，前期的沟通给了我们很多有价值的建议，后期的合作中我们感受到了他们的专业、认真和负责，希望熠心能够一如既往，越来越好！”</p>
                    </blockquote>
                    <div class="author to-animate">
                        <figure><img src="images/fangfang.jpg" alt="Person"></figure>
                        <p>陈慧芳, 总监 <span class="subtext"><a href="javascript:void(0);">上海卡童尼儿童乐园有限公司</a></span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="box-testimony">
                    <blockquote class="to-animate-2">
                        <p>“知道熠心还是一个朋友介绍的，第一次合作也是抱着试一试的态度，事实证明这是一次很明智的选择。 ”</p>
                    </blockquote>
                    <div class="author to-animate">
                        <figure><img src="images/gxk.png" alt="Person"></figure>
                        <p>
                            郭向坤, CEO <span class="subtext"><a href="javascript:void(0);" target="_blank">深圳市尚德五金有限公司</a> </span>
                        </p>
                    </div>
                </div>
            </div>


        </div>
    </div>
</section>
-->


<!--
<section id="fh5co-services" data-section="services">
    <div class="container">
        <div class="row">
            <div class="col-md-12 section-heading text-center">
                <h2 class="to-animate">服务</h2>
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 subtext to-animate">
                        <h3>提供优质服务，更多一度用心</h3>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="text-align: center">
            <div class="col-md-6 col-sm-6 fh5co-service to-animate">
                <i class="icon to-animate-2 icon-screen-smartphone"></i>
                <h3>android开发/ios开发</h3>
                &lt;!&ndash;<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean</p>&ndash;&gt;
            </div>
            <div class="col-md-6 col-sm-6 fh5co-service to-animate">
                <i class="icon to-animate-2 icon-monitor"></i>
                <h3>网站开发/桌面程序开发</h3>
                &lt;!&ndash;<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean</p>&ndash;&gt;
            </div>
            <div class="col-md-6 col-sm-6 fh5co-service">
                <i class="icon to-animate-2 icon-bubble"></i>
                <h3>微信公众号/小程序开发</h3>
                &lt;!&ndash;<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean</p>&ndash;&gt;
            </div>

            <div class="clearfix visible-sm-block"></div>

            <div class="col-md-6 col-sm-6 fh5co-service to-animate">
                <i class="icon to-animate-2 icon-video2"></i>
                <h3>视频制作/剪辑</h3>
                &lt;!&ndash;<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean</p>&ndash;&gt;
            </div>


        </div>
    </div>
</section>
-->

<!--
<section id="fh5co-about" data-section="about">
    <div class="container">
        <div class="row">
            <div class="col-md-12 section-heading text-center">
                <h2 class="to-animate">关于我们</h2>
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 subtext to-animate">
                        <h3>我们有一支热爱并高度理解移动互联网的研发团队，拥有多年移动互联网软件开发领域实战经验。我们已成功服务50组以上客户，
                            有效提升了用户体验与客户品牌价值。熠心科技，值得信赖。</h3>
                    </div>
                </div>
            </div>
        </div>
        <div class="row carousel slide" id="carousel-example-generic" data-ride="carousel">
         &lt;!&ndash;   <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            </ol>&ndash;&gt;
         &lt;!&ndash;   <div class="carousel-inner">
                <div class="item active">&ndash;&gt;
                    <div class="col-md-4">
                        <div class="fh5co-person text-center to-animate">
                            <figure><img src="images/lizhi.png" alt="Image"></figure>
                            <h3>cup</h3>
                            <span class="fh5co-position">java&php</span>
                            <p>多年php开发经验，热爱技术、热爱开源，服务众多成功项目。</p>
                            <ul class="social social-circle">
                                <li><a href="#"><i class="icon-weibo"></i></a></li>
                                <li><a href="#"><i class="icon-github"></i></a></li>
                                <li><a href="#"><i class="icon-notebook"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="fh5co-person text-center to-animate">
                            <figure><img src="images/ming.png" alt="Image"></figure>
                            <h3>ming</h3>
                            <span class="fh5co-position">web&design</span>
                            <p>多年web开发经验，注重在各个平台下的用户体验。</p>
                            <ul class="social social-circle">
                                <li><a href="#"><i class="icon-weibo"></i></a></li>
                                <li><a href="#"><i class="icon-github"></i></a></li>
                                <li><a href="#"><i class="icon-notebook"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="fh5co-person text-center to-animate">
                            <figure><img src="images/fangfang.png" alt="Image"></figure>
                            <h3>hui</h3>
                            <span class="fh5co-position">ios&android</span>
                            <p>丰富的移动端开发经验，熟悉Android系统架构以及UI设计。</p>
                            <ul class="social social-circle">
                                <li><a href="#"><i class="icon-weibo"></i></a></li>
                                <li><a href="#"><i class="icon-github"></i></a></li>
                                <li><a href="#"><i class="icon-notebook"></i></a></li>
                            </ul>
                        </div>
                    </div>
                &lt;!&ndash;</div>&ndash;&gt;
                &lt;!&ndash;<div class="item">&ndash;&gt;

                    &lt;!&ndash;<div class="col-md-4">&ndash;&gt;
                        &lt;!&ndash;<div class="fh5co-person text-center to-animate">&ndash;&gt;
                            &lt;!&ndash;<figure><img src="images/fangfang.png" alt="Image"></figure>&ndash;&gt;
                            &lt;!&ndash;<h3>hui</h3>&ndash;&gt;
                            &lt;!&ndash;<span class="fh5co-position">ios&android</span>&ndash;&gt;
                            &lt;!&ndash;<p>丰富的移动端开发经验，熟悉Android系统架构以及UI设计。</p>&ndash;&gt;
                            &lt;!&ndash;<ul class="social social-circle">&ndash;&gt;
                                &lt;!&ndash;<li><a href="#"><i class="icon-weibo"></i></a></li>&ndash;&gt;
                                &lt;!&ndash;<li><a href="#"><i class="icon-github"></i></a></li>&ndash;&gt;
                                &lt;!&ndash;<li><a href="#"><i class="icon-notebook"></i></a></li>&ndash;&gt;
                            &lt;!&ndash;</ul>&ndash;&gt;
                        &lt;!&ndash;</div>&ndash;&gt;
                    &lt;!&ndash;</div>&ndash;&gt;
                    &lt;!&ndash;<div class="col-md-4">&ndash;&gt;
                        &lt;!&ndash;<div class="fh5co-person text-center to-animate">&ndash;&gt;
                            &lt;!&ndash;<figure><img src="images/fangfang.png" alt="Image"></figure>&ndash;&gt;
                            &lt;!&ndash;<h3>hui</h3>&ndash;&gt;
                            &lt;!&ndash;<span class="fh5co-position">ios&android</span>&ndash;&gt;
                            &lt;!&ndash;<p>丰富的移动端开发经验，熟悉Android系统架构以及UI设计。</p>&ndash;&gt;
                            &lt;!&ndash;<ul class="social social-circle">&ndash;&gt;
                                &lt;!&ndash;<li><a href="#"><i class="icon-weibo"></i></a></li>&ndash;&gt;
                                &lt;!&ndash;<li><a href="#"><i class="icon-github"></i></a></li>&ndash;&gt;
                                &lt;!&ndash;<li><a href="#"><i class="icon-notebook"></i></a></li>&ndash;&gt;
                            &lt;!&ndash;</ul>&ndash;&gt;
                        &lt;!&ndash;</div>&ndash;&gt;
                    &lt;!&ndash;</div>&ndash;&gt;
                    &lt;!&ndash;<div class="col-md-4">&ndash;&gt;
                        &lt;!&ndash;<div class="fh5co-person text-center to-animate">&ndash;&gt;
                            &lt;!&ndash;<figure><img src="images/fangfang.png" alt="Image"></figure>&ndash;&gt;
                            &lt;!&ndash;<h3>hui</h3>&ndash;&gt;
                            &lt;!&ndash;<span class="fh5co-position">ios&android</span>&ndash;&gt;
                            &lt;!&ndash;<p>丰富的移动端开发经验，熟悉Android系统架构以及UI设计。</p>&ndash;&gt;
                            &lt;!&ndash;<ul class="social social-circle">&ndash;&gt;
                                &lt;!&ndash;<li><a href="#"><i class="icon-weibo"></i></a></li>&ndash;&gt;
                                &lt;!&ndash;<li><a href="#"><i class="icon-github"></i></a></li>&ndash;&gt;
                                &lt;!&ndash;<li><a href="#"><i class="icon-notebook"></i></a></li>&ndash;&gt;
                            &lt;!&ndash;</ul>&ndash;&gt;
                        &lt;!&ndash;</div>&ndash;&gt;
                    &lt;!&ndash;</div>&ndash;&gt;
                </div>
            </div>
        &lt;!&ndash;</div>&ndash;&gt;
    &lt;!&ndash;</div>&ndash;&gt;
</section>
-->

<!--<section id="fh5co-counters" style="background-image: url(images/full_image_1.jpg);"
         data-stellar-background-ratio="0.5">
    <div class="fh5co-overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-12 section-heading text-center to-animate">
                <h2>我们的成绩</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="fh5co-counter to-animate">
                    <i class="fh5co-counter-icon icon-briefcase to-animate-2"></i>
                    <span class="fh5co-counter-number js-counter" data-from="0" data-to="89" data-speed="5000"
                          data-refresh-interval="50">59</span>
                    <span class="fh5co-counter-label">Finished projects</span>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="fh5co-counter to-animate">
                    <i class="fh5co-counter-icon icon-code to-animate-2"></i>
                    <span class="fh5co-counter-number js-counter" data-from="0" data-to="2343409" data-speed="5000"
                          data-refresh-interval="50">203500</span>
                    <span class="fh5co-counter-label">Line of codes</span>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="fh5co-counter to-animate">
                    <i class="fh5co-counter-icon icon-cup to-animate-2"></i>
                    <span class="fh5co-counter-number js-counter" data-from="0" data-to="1302" data-speed="5000"
                          data-refresh-interval="50">1300</span>
                    <span class="fh5co-counter-label">Cup of coffees</span>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="fh5co-counter to-animate">
                    <i class="fh5co-counter-icon icon-people to-animate-2"></i>
                    <span class="fh5co-counter-number js-counter" data-from="0" data-to="52" data-speed="5000"
                          data-refresh-interval="50">39</span>
                    <span class="fh5co-counter-label">Happy clients</span>
                </div>
            </div>
        </div>
    </div>
</section>-->

<section id="fh5co-contact" data-section="contact">
    <div class="container">
        <div class="row">
            <div class="col-md-12 section-heading text-center">
                <h2 class="to-animate">联系我们</h2>
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 subtext to-animate">
                        <h3>欢迎咨询</h3>
                    </div>
                </div>
            </div>
        </div>
        <div class="row row-bottom-padded-md">
            <div class="col-md-6 to-animate">
                <h3>联系方式</h3>
                <ul class="fh5co-contact-info">
                    <li class="fh5co-contact-address ">
                        <i class="icon-home"></i>
                        上海市金山区廊下镇景乐路228号7幢 <br>上海市青浦区诸光路会展中心
                    </li>
                    <li><i class="icon-phone"></i>18217513608</li>
                    <li><i class="icon-envelope"></i>boss@yixin361.com</li>
                    <li><i class="icon-globe"></i> <a href="#" target="_blank">www.yixin361.com</a></li>
                </ul>
            </div>

            <div class="col-md-6 to-animate">
                <h3>Contact Form</h3>
                <div class="form-group ">
                    <label for="name" class="sr-only">Name</label>
                    <input id="name" class="form-control" placeholder="Name" type="text">
                </div>
                <div class="form-group ">
                    <label for="email" class="sr-only">Email</label>
                    <input id="email" class="form-control" placeholder="Email" type="email">
                </div>
                <div class="form-group ">
                    <label for="phone" class="sr-only">Phone</label>
                    <input id="phone" class="form-control" placeholder="Phone" type="text">
                </div>
                <div class="form-group ">
                    <label for="message" class="sr-only">Message</label>
                    <textarea name="" id="message" cols="30" rows="5" class="form-control"
                              placeholder="Message"></textarea>
                </div>
                <div class="form-group ">
                    <input class="btn btn-primary btn-lg" value="Send Message" type="submit">
                </div>
            </div>
        </div>

    </div>
    </div>
    <div id="allmap" class="to-animate"></div>
</section>


<footer id="footer" role="contentinfo">
    <a href="#" class="gotop js-gotop"><i class="icon-arrow-up2"></i></a>
    <div class="container">
        <div class="">
            <div class="col-md-12 text-center" style="margin-top: 5px">
                <p>&copy; 熠心信息科技（上海）科技有限公司</p>

            </div>
        </div>
        <div class="row">
            <div class="col-md-12 text-center">
                <ul class="social social-circle">
                    <li><a href="#"><i class="icon-twitter"></i></a></li>
                    <li><a href="#"><i class="icon-facebook"></i></a></li>
                    <li><a href="#"><i class="icon-youtube"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>


<!-- 代码部分 begin -->
<div class="main-im">
    <div id="open_im" class="open-im">&nbsp;</div>
    <div class="im_main" id="im_main">
        <div id="close_im" class="close-im"><a href="javascript:void(0);" title="点击关闭">&nbsp;</a></div>
        <a href="http://wpa.qq.com/msgrd?v=3&uin=1300965809&site=qq&menu=yes" target="_blank" class="im-qq qq-a"
           title="在线QQ客服">
            <div class="qq-container"></div>
            <div class="qq-hover-c"><img class="img-qq"
                                         src="http://demo.lanrenzhijia.com/2015/service0119/images/qq.png"></div>
            <span> QQ在线咨询</span>
        </a>
        <div class="im-tel">
            <div>咨询热线1</div>
            <div class="tel-num">18217513608</div>
            <div>咨询热线2</div>
            <div class="tel-num">13262908435</div>
        </div>
        <div class="im-footer" style="position:relative">
            <div class="weixing-container">
                <div class="weixing-show">
                    <div class="weixing-txt">微信扫一扫<br>关注熠心科技</div>
                    <img class="weixing-ma" src="images/weixing-ma.png">
                    <div class="weixing-sanjiao"></div>
                    <div class="weixing-sanjiao-big"></div>
                </div>
            </div>
            <div class="go-top"><a href="javascript:;" title="返回顶部"></a></div>
            <div style="clear:both"></div>
        </div>
    </div>
</div>
<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>
<script>
    $(function () {
        $('#close_im').bind('click', function () {
            $('#main-im').css("height", "0");
            $('#im_main').hide();
            $('#open_im').show();
        });
        $('#open_im').bind('click', function (e) {
            $('#main-im').css("height", "272");
            $('#im_main').show();
            $(this).hide();
        });
        $('.go-top').bind('click', function () {
            $(window).scrollTop(0);
        });
        $(".weixing-container").bind('mouseenter', function () {
            $('.weixing-show').show();
        })
        $(".weixing-container").bind('mouseleave', function () {
            $('.weixing-show').hide();
        });

        $('.carousel').carousel({
            interval: 8000
        })
    });
</script>
<!-- 代码部分 end-->


<!-- For demo purposes Only ( You may delete this anytime :-) -->
<!--
	<div id="colour-variations">
		<a class="option-toggle"><i class="icon-gear"></i></a>
		<h3>Preset Colors</h3>
		<ul>
			<li>
				<a href="javascript: void(0);" data-theme="style">
					<span style="background: #3f95ea;"></span>
					<span style="background: #52d3aa;"></span>
					<span style="background: #f2f2f2;"></span>
				</a>
			</li>
			<li>
				<a href="javascript: void(0);" data-theme="style2">
					<span style="background: #329998;"></span>
					<span style="background: #6cc99c;"></span>
					<span style="background: #f2f2f2;"></span>
				</a>
			</li>
			<li>
				<a href="javascript: void(0);" data-theme="style3">
					<span style="background: #9f466e;"></span>
					<span style="background: #c24d67;"></span>
					<span style="background: #f2f2f2;"></span>
				</a>
			</li>
			<li>
				<a href="javascript: void(0);" data-theme="style4">
					<span style="background: #21825C;"></span>
					<span style="background: #A4D792;"></span>
					<span style="background: #f2f2f2;"></span>
				</a>
			</li>
			
		</ul>
	</div>
-->
<!-- End demo purposes only -->


<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Stellar Parallax -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Counter -->
<script src="js/jquery.countTo.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- baidu map  start -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0KzDtnrAVfdyBds7BV55rfzZ"></script>


<!-- For demo purposes only styleswitcher ( You may delete this anytime ) -->
<script src="js/jquery.style.switcher.js"></script>
<script>
    $(function () {
        $('#colour-variations ul').styleSwitcher({
            defaultThemeId: 'theme-switch',
            hasPreview: false,
            cookie: {
                expires: 30,
                isManagingLoad: true
            }
        });
        $('.option-toggle').click(function () {
            $('#colour-variations').toggleClass('sleep');
        });
    });

    //百度地图api
    $(function () {
        // 百度地图API功能
        var map = new BMap.Map("allmap");
        var point = new BMap.Point(121.294921, 31.199568);
        map.centerAndZoom(point, 15);
        var marker = new BMap.Marker(point);  // 创建标注
        map.addOverlay(marker);               // 将标注添加到地图中
        marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
        //map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
        map.setZoom(16);
        /*map.addEventListener("click",function(e){
        alert(e.point.lng + "," + e.point.lat);
        });*/
        // 百度地图API功能
        /* var map = new BMap.Map("allmap");
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);*/
        // 添加带有定位的导航控件
        var navigationControl = new BMap.NavigationControl({
            // 靠左上角位置
            anchor: BMAP_ANCHOR_TOP_RIGHT,
            // LARGE类型
            type: BMAP_NAVIGATION_CONTROL_LARGE,
            // 启用显示定位
            enableGeolocation: true

        });
        map.addControl(navigationControl);
        // 添加定位控件
        var geolocationControl = new BMap.GeolocationControl();
        geolocationControl.addEventListener("locationSuccess", function (e) {
            // 定位成功事件
            var address = '';
            address += e.addressComponent.province;
            address += e.addressComponent.city;
            address += e.addressComponent.district;
            address += e.addressComponent.street;
            address += e.addressComponent.streetNumber;
            //alert("当前定位地址为：" + address);
        });
        geolocationControl.addEventListener("locationError", function (e) {
            // 定位失败事件
            alert(e.message);
        });
        map.addControl(geolocationControl);

        if ($(window).width() < 750) {
            map.disableDragging();     //禁止拖拽
        }


    })
</script>
<!-- End demo purposes only -->

<!-- Main JS (Do not remove) -->
<script src="js/main.js"></script>

</body>
</html>

